<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>麦乐购index</title>
    <link rel="stylesheet" href="css/reset.css">
    <script src="辅助资料/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="top-wrapper">
    <img src="image/首页图片/top.jpg" alt=""> <span>关闭</span>
</div>
<div id="nav-wrapper">
    <div class="nav">
        <ul class="left">
            <li>
                <a href="#">
                    <span class="ico1"></span>麦乐购首页
                </a>
            </li>
            <li>
                <a href="#"> 请登录</a>
            </li>
            <li>
                <a href="#" style="color:red">免费注册</a>
            </li>
            <li>
                <span>其它登录方式：</span>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </li>
            <li>
                <a href="#">联系客服:400-666-6600</a>
            </li>
        </ul>



        <div class="nav-right">
            <ul class="right-list">
                <li>
                    <ol>
                        <li>
                            <a href="#">我的麦乐购 <span></span></a>
                        </li>
                        <li>
                            <a href="#">我的订单</a>
                        </li>
                        <li>
                            <a href="#">我的账号</a>
                        </li>
                        <li>
                            <a href="#">麦豆兑换</a>
                        </li>
                        <li>
                            <a href="#">我的优惠券</a>
                        </li>
                        <li>
                            <a href="#">我的收藏</a>
                        </li>
                    </ol>
                </li>
                <li><a href=""><span></span>收藏麦乐购</a></li>
                <li><a href="">妈妈推广计划</a></li>
                <li><a href=""><span></span>手机麦乐购</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--导航搜索开始-->
<div id="nav-bot">

<div id="logo-left">
    <h1>
        <a href="#">
            <img src="image/首页图片/logo.jpg" alt="">
        </a>
    </h1>
</div>




    <div id="search">
        <div class="search-top">
            <input type="text" value=" 请输入商品名称支持拼音">
            <span>搜索</span>
        </div>
        <div class="search-bot">
            <ul>
                <li> 热门关键词:</li>
                <li><a href="">防晒</a></li>
                <li><a href="">牛栏</a></li>
                <li><a href="">花王</a></li>
                <li><a href="">美素</a></li>
                <li><a href="">爱他美</a></li>
                <li><a href="">karicare</a></li>
                <li><a href="">喜宝</a></li>
                <li><a href="">swisse</a></li>
            </ul>
        </div>
    </div>

    <div id="logo-right">
        <a href="3">
            <img src="image/首页图片/headerR.jpg" alt="">
        </a>
    </div>
</div>

<!--banner部分开始动画背景图片变化-->

<div id="banner-wrapper">
    <div class="list-top">全部商品分类</div>
    <div class="list-bot">
        <ul>

        </ul>
    </div>





    <div class="nav1">
        <span></span>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">进口奶粉</a></li>
            <li> <a href="#">发现好货</a></li>
            <li> <a href="#">整点抢</a></li>
            <li><a href="#">海外直邮</a></li>
            <li><a href="#">国家馆</a></li>
        </ul>
    </div>

</div>


</body>
</html>






